﻿<div id="wrapper">
    <div id="head">
        <h1>TimberSmart OTS</h1>
        <h2>Icons, links, descriptions</h2>
        <p>Greg. Greg. Greg. Greg. Greg. Greeeeeg.</p>
    </div>
    <aside id="leftsidebar">
        <div class="leftsidebaritem">
            <h3>Submenu?</h3>
            <p>test</p>
            <p>test</p>
        </div>
    </aside>
    <aside id="rightsidebar">
        <div class="rightsidebaritem">
            <div>
                <h3>Login</h3>
                <span>Username:</span>
                <input type="text" />
                <span>Password:</span>
                <input type="password" />
                <p class="errormessage">Login to proceed</p>
                <button>Login</button>
            </div>
            <div class="hidden">
                <h3>Logged in as:</h3>
                <span>Joel ksdjfls</span>
                <button>Logout</button>
            </div>
        </div>
    </aside>

    <div id="content">
        <div class="contentitem">
            <nav id="navigation">
                <ul>

                </ul>
            </nav>
        </div>
        <div class="contentitem">
            <button id="loadUsers">Get Users!</button>
            <ul data-bind="foreach: viewModels.users">
                <li>
                    <ul>
                        <li><strong>First Name: </strong><span data-bind="text: firstName"></span></li>
                        <li><strong>Last Name: </strong><span data-bind="text: lastName"></span></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div id="foot">
        <h1>Footer</h1>
        <p>Legal bullshit, more links, etc</p>
    </div>
</div>